@import "util.less";

@keyframes upin{
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.06);
	}
}
@keyframes fontdance44 {
	0% {
		line-height: 44px;
	}
	25%{
		line-height: 24px;
	}
	50%{
		line-height: 44px;
	}
	75%{
		line-height: 34px;
	}
	100% {
		line-height: 44px;
	}
}
@keyframes fontdance32 {
	0% {
		line-height: 32px;
	}
	25%{
		line-height: 20px;
	}
	50%{
		line-height: 32px;
	}
	75%{
		line-height: 28px;
	}
	100% {
		line-height: 32px;
	}
}

.index-banner{
	width:100%;
	overflow:hidden;
	height: 1.6rem;
	position: relative;
	.swiper-container{
		width:100%;
		height:100%;
		overflow:hidden;
		.swiper-pagination-bullet{
			background: #fff;
			opacity: 1;
			width: .1rem;
			height: .1rem;
			bottom: .1rem;
		}
		.swiper-pagination-bullet-active{
			opacity: 1;
			background: #f78614;
		}
		.swiper-pagination-bullets{
			bottom: .1rem;
		}
		.swiper-slide{
			width:100%;
			height:100%;
			overflow:hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			img{
				display:block;
				transform:scale(1);
				vertical-align:middle;
				//width: 100%;
				height: 100%;
			}
		}
		.swiper-slide-on img{
			animation:upin 6s ease-in
		}
	}
}
.ninenav{
	padding: .1rem;
	.flex;
	.space-between;
	.flex-wrap;
	border-bottom: .1rem solid #ededed;
	.list{
		width: .8rem;
		height: .6rem;
		display: block;
		margin-top: .08rem;
		.yuan{
			width: .36rem;
			height: .36rem;
			border-radius: 100%;
			background: #f78614;
			margin: auto;
			color: #fff;
			i{
				display: block;
				text-align: center;
				line-height: .36rem;
				font-size: .24rem;
				color: #fff;
			}
		}
		p{
			text-align: center;
			padding-top: .02rem;
			color: #666;
			line-height: .2rem;
		}
	}
}

.comheadtitle{
	margin: .1rem auto 0;
	text-align: center;
	.p1{
		font-size: .2rem;
		color: #333333;
		line-height: 1;
	}
	.p2{
		font-size: .12rem;
		color: #666;
		font-family: '宋体';
		padding-top: .02rem;
	}
}
.house-tjbox{
	.flex;
	height: .3rem;
	margin-top: .16rem;
	line-height: .3rem;
	.more{
		color: #f78614;
	}
	.lefttxt{
		.flex1;
		margin-right: 0.1rem;
		.gt;
		font-size: .16rem;
		color: #4c4c4c;
	}
}
.houselist{
	.flex;
	.space-between;
	.flex-wrap;
	.item{
		width: 1.46rem;
		height: 1.84rem;
		margin-top: .11rem;
		.img{
			width: 100%;
			height: 1.04rem;
			position: relative;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
			.downtxt{
				position: absolute;
				z-index: 1;
				left: 0;
				bottom: 0;
				background: rgba(0,0,0,.5);
				width: 100%;
				height: .2rem;
				p{
					.gt;
					text-align: right;
					line-height: .2rem;
					padding: 0 .1rem;
					font-size: .12rem;
					color: #fff;
				}
			}
		}
		.title{
			height: .22rem;
			line-height: .22rem;
			.gt;
			color: #333333;
			margin-top: .06rem;
		}
		.price{
			.gt;
			height: .2rem;
			line-height: .2rem;
			color: #333333;
			font-size: .12rem;
			span{
				color: #053046;
				font-size: .12rem;
			}
		}
		.down-span{
			width: 100%;
			height: .22rem;
			margin: .04rem auto;
			overflow: hidden;
			.span{
				float: left;
				border-radius: .17rem;
				margin-right: .06rem;
				height: .2rem;
				border: 0.01rem solid #053046;
				p{
					line-height: .2rem;
					font-size: .12rem;
					color: #333333;
					padding: 0 .05rem;
				}
			}
		}
	}
}
.comheader1{
	width: 100%;
	height: .24rem;
	text-align: center;
	line-height: .24rem;
	margin-top: .2rem;
	font-size: .16rem;
	color: #333;
}
.more-countries{
	.box{
		.flex;
		.flex-wrap;
		.space-between;
		.item{
			display: block;
			width: 1.46rem;
			height: 1.06rem;
			position: relative;
			margin-top: .08rem;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
			.downtxt{
				position: absolute;
				z-index: 1;
				left: 0;
				bottom: 0;
				background: rgba(0,0,0,.5);
				width: 100%;
				height: .22rem;
				p{
					.gt;
					text-align: center;
					line-height: .22rem;
					padding: 0 .1rem;
					font-size: .14rem;
					color: #fff;
				}
			}
		}
	}
	.more{
		display: block;
		margin: .2rem auto .1rem;
		width: 1.18rem;
		height: .28rem;
		border: 0.01rem solid #f78614;
		text-align: center;
		line-height: .28rem;
		color: #f78614;
		font-size: .14rem;
		border-radius: .14rem;
	}
}
.index-form{
	width: 100%;
	.zoom;
	.box{
		padding: .15rem .15rem 0;
		.zoom;
		.item{
			padding: .08rem .04rem;
			height: .4rem;
			margin-bottom: .1rem;
			border: 0.01rem solid #8a8a8a;
			.boz;
			border-radius: .06rem;
			.flex;
			&:last-child{
				border: none;
				border-radius: .2rem;
				background: #f78614;
				overflow: hidden;
				.sub{
					.flex1;
					height: 100%;
					text-align: center;
					line-height: .22rem;
					font-size: .14rem;
					color: #fff;
				}
			}
			.label{
				width: .34rem;
				height: .22rem;
				border-right: .01rem solid #666666;
				i{
					display: block;
					text-align: center;
					line-height: .22rem;
					font-size: .2rem;
					color: #666;
				}
			}
			input{
				.flex1;
				border: none;
				outline: none;
				height: 100%;
				text-indent: 1em;
				font-size: .14rem;
			}
		}
	}
}
.news-header{
	width: 100%;
	height: .38rem;
	border-bottom: .01rem solid #aaaaaa;
	line-height: .38rem;
	i{
		display: block;
		float: left;
		font-size: .26rem;
		color: #35586a;
	}
	p{
		float: left;
		font-size: .16rem;
		color: #333;
		margin-left: .06rem;
	}
	.more{
		float: right;
		color: #f78614;
	}
}
.news-list-box{
	width: 100%;
	.zoom;
	margin-top: .18rem;
	.list{
		.flex;
		border-bottom: 0.01rem dashed #bfbfbf;
		margin-bottom: .15rem;
		height: .76rem;
		img{
			display: block;
			width: .98rem;
			height: .64rem;
		}
		.list-right{
			height: .64rem;
			margin-left: .1rem;
			.title{
				color: #333;
				.gt2;
			}
			.p-date{
				font-size: .12rem;
				color: #808080;
				padding-top: .1rem;
			}
		}
	}
}
.news-list-box-nomargintop{
	margin-top: .08rem;
}


.choice{
	width: 100%;
	height: .44rem;
	border-bottom: .01rem solid #b5b5b5;
	background: #fff;
	.box{
		padding: 0 .1rem;
		.flex;
		.space-between;
		height: 100%;
		.item{
			.flex1;
			position: relative;
			height: 100%;
			.item-head{
				padding: 0 .06rem;
				height: 100%;
				.flex;
				line-height: .44rem;
				align-items:center;/*垂直居中*/
				justify-content: center;/*水平居中*/
				.gt;
				p{
					font-size: .15rem;
					color: #333;
				}
				i{
					display: block;
					font-size: .16rem;
					color: #7d7d7d;
					margin-left: .02rem;
				}
				.icon-xia{
					display: block;
				}
				.icon-shang{
					display: none;
				}
			}
			.item-body{
				position: absolute;
				z-index: 111111;
				width: 100%;
				left: 0;
				top: .45rem;
				background: #fff;
				border: 0.01rem solid #cccccc;
				border-top: none;
				height: 1.81rem;
				overflow: auto;
				.boz;
				display: none;
				.list{
					padding: 0 .06rem;
					height: .3rem;
					text-align: center;
					line-height: .3rem;
					color: #333333;
					.gt;
					display: block;
					font-size: .14rem;
				}
			}
		}
		.item-act{
			.item-head{
				p{
					color: #f78614;
				}
				i{
					color: #f78614;
				}
				.icon-xia{
					display: none;
				}
				.icon-shang{
					display: block;
				}
			}
		}
	}
}
.house-detail-img{
	width: 100%;
	height: 2.1rem;
	position: relative;
	.swiper-container2{
		width: 100%;
		height: 100%;
		.swiper-slide{
			width: 100%;
			height: 100%;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.combtn{
			background: none;
			width: .26rem;
			height: .36rem;
			margin-top: -.2rem;
			background: rgba(255,255,255,.6);
			border-radius: .06rem;
			i{
				display: block;
				font-size: .22rem;
				color: #f78614;
				text-align: center;
				line-height: .36rem;
			}
		}
	}
	.house-detail-title{
		.zoom;
		left: 0;
		bottom: 0;
		position: absolute;
		z-index: 1;
		width: 100%;
		.box{
			background: #fff;
			padding: 0 .1rem;
			.zoom;
			margin-left: .1rem;
			margin-right: .1rem;
			border-bottom: .02rem solid #dcdcdc;
			border-top-right-radius: .06rem;
			border-top-left-radius: .06rem;
			.boz;
			p{
				font-size: .16rem;
				font-weight: bold;
				color: #053046;
				padding: .1rem 0 .1rem;
			}
		}
	}
}
.house-detail-box{
	padding: .1rem;
	background: #ededed;
	padding-top: 0;
	.box{
		background: #FFF;
		padding: .1rem;
		.zoom;
		.item {
			width: 100%;
			height: auto;
			overflow: hidden;
			zoom: 1;
			margin: .05rem auto;
			color: #666666;
			.item-left {
				width: .76rem;
				float: left;
				line-height: .2rem;
			}
			.item-right {
				width: -webkit-calc(100% - 0.76rem);
				width: -moz-calc(100% - 0.76rem);
				width: calc(100% - 0.76rem);
				float: right;
				height: auto;
				overflow: hidden;
				zoom: 1;
				margin: auto;
				line-height: .2rem;
				color: #333333;
				span{
					color: #f78614;
				}
				.span1 {
					font-size: .16rem;
					font-weight: bold;
				}
			}
		}
	}
}
.house-detail-titlebox{
	height: .16rem;
	.boz;
	border-left: .04rem solid #f78614;
	line-height: .16rem;
	padding-left: .08rem;
	margin: .08rem auto .1rem;
}

.comswitch{
	width: 100%;
	.zoom;
	border-bottom: .15rem solid #ededed;
	.head{
		padding: 0 .1rem;
		height: .44rem;
		border-bottom: .01rem solid #a0a0a0;
		.box{
			.flex;
			.item{
				.flex1;
				height: 100%;
				margin-left: .14rem;
				text-align: center;
				line-height: .44rem;
				color: #333;
				position: relative;
				.h{
					width: .32rem;
					height: .03rem;
					bottom: -.01rem;
					left: 50%;
					margin-left: -.16rem;
					background: #f78614;
					display: none;
					position: absolute;
					z-index: 1;
				}
				&:first-child{
					margin-left: 0;
				}
			}
			.item-act{
				color: #f78614;
				.h{
					display: block;
				}
			}
		}
	}
	.body{
		padding: .1rem;
		.zoom;
		.switchbox{
			width: 100%;
			.zoom;
			display: none;
		}
		.switchbox-act{
			display: block;
		}
	}
}
.editbox{
	width: 100%;
	.zoom;
	margin: .1rem auto;
	img{
		display: block;
		width: 100%;
		margin: .1rem auto;
	}
}
.common-problem{
	width: 100%;
	.zoom;
	.qlist {
		padding: .08rem;
		height: auto;
		overflow: hidden;
		zoom: 1;
		margin: auto;
		background: #f0f0f0;
		margin-top: .1rem;
		.flex;
		img {
			display: block;
			float: left;
			width: .2rem;
			height: .2rem;
		}
		.qlist-right {
			.flex1;
			margin-left: .08rem;
			.q{
				width: 100%;
				height: .4rem;
				.gt2;
				line-height: .2rem;
			}
			.a {
				display: block;
				float: right;
				margin-top: .02rem;
				background: #053557;
				p {
					padding: 0 .1rem;
					line-height: .26rem;
					color: #fff;
					font-size: .12rem;
				}
			}
		}
	}
}
.immigrant-detail-txtbox{
	padding: .1rem .1rem 0;
	background: #fff;
	border-top: .15rem solid #ededed;
	.box{
		width: 100%;
		.zoom;
		border-bottom: .01rem dashed #bfbfbf;
		.txtbox{
			width: 2.75rem;
			.zoom;
			border: .01rem solid #053046;
			background: #e0eefb;
			margin: .06rem auto .18rem;
			border-radius: .06rem;
			-moz-box-shadow: 10px 10px 5px #c0ccd8; /* 老的 Firefox */
			box-shadow: 10px 10px 5px #c0ccd8;
			.cont{
				padding: .08rem;
			}
		}
	}
}
.immigrant-detail-title{
	height: .2rem;
	.boz;
	border-left: .04rem solid #f78614;
	line-height: .2rem;
	padding-left: .08rem;
	margin: .08rem auto .1rem;
	p{
		font-size: .16rem;
		float: left;
		span{
			color: #666666;
			font-size: .12rem;
		}
	}
	.more{
		float: right;
		color: #f78614;
	}
}

.condition{
	margin-top: .05rem;
	.item{
		padding: .09rem 0;
		background: #f5f5f5;
		width: 100%;
		margin-bottom: .08rem;
		.flex;
		.item-left{
			width: 1.06rem;
			.zoom;
			margin-top: 0;
			img{
				display: block;
				width: .44rem;
				height: .44rem;
				margin: auto;
			}
			p{
				font-size: .14rem;
				color: #323232;
				text-align: center;
				line-height: .21rem;
				padding: 0 .04rem;
			}
		}
		.item-right{
			.flex1;
			margin-top: 0;
			height: 100%;
			padding-right: .04rem;
			p{
				font-size: .12rem;
				color: #666666;
				line-height: .2rem;
			}
		}
	}
}
.advantage{
	.flex;
	.space-between;
	.flex-wrap;
	.item{
		width: 1.44rem;
		height: 1.44rem;
		background: #f5f5f5;
		margin-top: .1rem;
		img{
			display: block;
			width: .44rem;
			height: .44rem;
			margin: .12rem auto .06rem;
		}
		p{
			font-size: .12rem;
			color: #666666;
			text-align: center;
			line-height: .19rem;
			padding: 0 .08rem;
			.gt4;
		}
	}
}
.moree{
	display: block;
	color: #f78614;
	text-align: center;
	margin: .1rem auto;
}
.immigrant-detail-news{
	width: 100%;
	height: 1.74rem;
	overflow: hidden;
	margin: .2rem auto .1rem;
	background: red;
	position: relative;
	.swiper-slide{
		position: relative;
		img{
			display: block;
			width: 100%;
			height: 100%;
		}
		.downtxt{
			width: 100%;
			height: .26rem;
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 1;
			background: rgba(0,0,0,.5);
			p{
				color: #fff;
				padding: 0 .1rem;
				line-height: .26rem;
				font-size: .12rem;
				text-align: center;
				.gt;
			}
		}
	}
	.combtn{
		background: none;
		width: .26rem;
		height: .36rem;
		margin-top: -.2rem;
		background: rgba(255,255,255,.6);
		border-radius: .06rem;
		i{
			display: block;
			font-size: .22rem;
			color: #f78614;
			text-align: center;
			line-height: .36rem;
		}
	}
}
.editbox-head{
	width: 100%;
	.zoom;
	border-bottom: .01rem dashed #666666;
	.p1{
		font-size: .16rem;
		color: #053046;
		font-weight: bold;
		line-height: .22rem;
	}
	.p2{
		font-size: .12rem;
		color: #666666;
		padding: .1rem 0 .08rem;
	}
}

.askbox{
	width: 100%;
	.zoom;
	margin: .16rem auto 0.05rem;
	.item{
		width: 100%;
		.zoom;
		margin-top: .06rem;
		.flex;
		input,select,textarea{
			display: block;
			.boz;
			border: 0.01rem solid #a0a0a0;
			width: 100%;
			height: .4rem;
			outline: none;
			text-indent: 1em;
			border-radius: 0.06rem;
			font-size: .14rem;
		}
		textarea{
			height: 1.1rem;
			line-height: .2rem;
			color: #333;
			font-size: .14rem;
		}
		.item-left{
			width: .42rem;
			height: .4rem;
			text-align: left;
			line-height: .4rem;
			font-size: .14rem;
		}
		.item-right{
			.zoom;
			.flex1;
			.sub{
				display: block;
				width: .88rem;
				height: .36rem;
				border-radius: .06rem;
				background: #f78614;
				text-align: center;
				line-height: .36rem;
				color: #fff;
				font-size: .14rem;
				float: right;
				margin-top: .04rem;
			}
			.btn{
				height: .26rem;
				border: .01rem solid #a0a0a0;
				border-radius: 0.04rem;
				float: left;
				margin-left: .08rem;
				margin-top: 0.03rem;
				margin-bottom: .03rem;
				p{
					font-size: .12rem;
					color: #333333;
					line-height: .26rem;
					padding: 0 .1rem;
				}
			}
			.btn-act{
				border-color: #f78614;
				p{
					color: #f78614;
				}
			}
		}
	}
}

.questionbox{
	width: 100%;
	.zoom;
	.item{
		display: block;
		width: 100%;
		.zoom;
		border-bottom: 0.01rem dashed #cccccc;
		padding-bottom: .06rem;
		margin: .08rem auto .06rem;
		.title{
			.gt2;
			font-size: .14rem;
			color: #333;
			line-height: .21rem;
		}
		.lablebox{
			width: 100%;
			.zoom;
			margin-top: .08rem;
			.span{
				height: 0.2rem;
				border: 0.01rem solid #a0a0a0;
				border-radius: 0.11rem;
				float: left;
				margin-right: 0.06rem;
				margin-bottom: 0.06rem;
				p{
					font-size: 0.12rem;
					color: #666;
					line-height: 0.2rem;
					padding: 0 0.08rem;
				}
			}
		}
		.p-date{
			font-size: .12rem;
			color: #666666;
			padding-top: .02rem;
			padding-bottom: .04rem;
		}
		.hdbox{
			.flex;
			margin-top: .12rem;
			.yuan{
				width: .5rem;
				height: .5rem;
				overflow: hidden;
				border-radius: 100%;
				margin-top: 0;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.hdbox-right{
				.flex1;
				margin-left: .08rem;
				margin-top: 0;
				.p1{
					font-size: .14rem;
					color: #333333;
					span{
						color: #053046;
						font-weight: bold;
					}
				}
				.p2{
					font-size: .12rem;
					color: #666666;
					margin-top: .06rem;
				}
			}
		}
	}
}
.askdetailbox{
	padding: .1rem;
	.zoom;
	background: #fff;
	.headbox{
		border-bottom: 1px dashed #bfbfbf;
		padding: .1rem 0;
		.p1{
			font-size: .15rem;
			color: #053046;
			line-height: .22rem;
			font-weight: bold;
		}
		.p2{
			font-size: .12rem;
			color: #666;
			text-align: center;
			padding-top: .06rem;
			span{
				padding: 0 .06rem;
			}
		}
		.p3{
			font-size: .12rem;
			color: #666;
			text-align: center;
			padding-top: .06rem;
			span{
				color: #f78614;
			}
		}
	}
	.bodybox{
		.zoom;
		font-size: .12rem;
		color: #666;
		line-height: .22rem;
		margin: .1rem auto;
	}
	.formbox{
		width: 100%;
		.zoom;
		textarea{
			display: block;
			width: 100%;
			border-radius: .04rem;
			border: 1px solid #d2d2d2;
			.boz;
			resize: none;
			outline: none;
			text-indent: 1em;
			line-height: .2rem;
		}
		.sub{
			display: block;
			width: .84rem;
			height: .36rem;
			float: right;
			margin-top: .1rem;
			background: #f78614;
			color: #fff;
			text-align: center;
			line-height: .36rem;
			border-radius: .04rem;
		}
	}
}
.best-ans{
	.headbox{
		width: 100%;
		height: .26rem;
		i{
			display: block;
			float: left;
			color: #f78614;
			line-height: .26rem;
			font-size: .24rem;
			font-weight: bold;
		}
		p{
			font-size: .14rem;
			color: #f78614;
			line-height: .26rem;
			float: left;
			margin-left: .04rem;
		}
	}
}
.answer_list{
	width: 100%;
	.zoom;
	margin-top: .1rem;
	margin-bottom: .1rem;
	border-bottom: .01rem dashed #bfbfbf;
	.list-head{
		width: 100%;
		height: .48rem;
		overflow: hidden;
		img{
			display: block;
			width: .48rem;
			height: .48rem;
			border-radius: 100%;
			float: left;
		}
		p{
			float: left;
			line-height: .48rem;
			font-size: .12rem;
			color: #808080;
			margin-left: .06rem;
			span{
				padding: 0 .05rem;
			}
		}
	}
	.list-answer{
		width: 100%;
		.zoom;
		font-size: .12rem;
		color: #666666;
		line-height: .2rem;
		margin-top: .06rem;
	}
	.czbox{
		width: 100%;
		height: .34rem;
		border-radius: .17rem;
		background: #f5f5f5;
		margin-top: .1rem;
		margin-bottom: .1rem;
		.cont{
			.flex;
			width: 100%;
			height: .16rem;
			margin-top: .09rem;
			float: left;
			.btn{
				.flex1;
				height: 100%;
				.boz;
				.flex;
				justify-content:center;
				border-right: .01rem solid #bfbfbf;
				i{
					display: block;
					line-height: .16rem;
					font-size: .16rem;
					color: #808080;
				}
				p{
					font-size: .12rem;
					line-height: .16rem;
					color: #808080;
					margin-left: .04rem;
				}
				&:last-child{
					border-right: none;
				}
			}
			.btn-act{
				i{
					color: #f78614;
				}
				p{
					color: #f78614;
				}
			}
		}
	}
	.formbox{
		width: 100%;
		.zoom;
		display: none;
		textarea{
			display: block;
			width: 100%;
			border-radius: .04rem;
			border: 1px solid #d2d2d2;
			.boz;
			resize: none;
			outline: none;
			text-indent: 1em;
			line-height: .2rem;
			font-size: .12rem;
		}
		.sub{
			display: block;
			width: .52rem;
			height: .28rem;
			float: right;
			margin-top: .1rem;
			background: #f78614;
			color: #fff;
			text-align: center;
			line-height: .28rem;
			border-radius: .04rem;
			font-size: .12rem;
			margin-bottom: .1rem;
		}
	}
    .lablebox{
    width: 100%;
    .zoom;
    margin-top: .08rem;
    .span{
      height: 0.2rem;
      border: 0.01rem solid #a0a0a0;
      border-radius: 0.11rem;
      float: left;
      margin-right: 0.06rem;
      margin-bottom: 0.06rem;
      p{
        font-size: 0.12rem;
        color: #666;
        line-height: 0.2rem;
        padding: 0 0.08rem;
      }
    }
  }
    .myanswer{
      width: 100%;
      .zoom;
      .p1{
        font-size: .12rem;
        color: #053046;
        font-weight: bold;
        padding-top: .04rem;
      }
      .box{
        padding: .1rem;
        background: #f5f5f5;
        margin-top: .1rem;
        font-size: .12rem;
        color: #666;
        margin-bottom: .1rem;
      }
    }
	&:last-child{
		border-bottom: none;
	}
}
.two-comment{
	padding: .1rem;
	background: #f5f5f5;
	.zoom;
	margin-bottom: .1rem;
	.list{
		width: 100%;
		height: auto;
		overflow: hidden;
		zoom: 1;
		margin: auto;
		border-bottom: .01rem solid #d2d2d2;
		margin-bottom: .06rem;
		.list-top{
			font-size: .12rem;
			color: #666;
			span{
				color: #76a513;
			}
		}
		.list-down {
			width: 100%;
			height: .2rem;
			line-height: .2rem;
			margin: .06rem auto;
			.p-info {
				float: left;
				font-size: .12rem;
				color: #666;
			}
			.opr-btn-box {
				float: right;
				height: .2rem;
				.btn{
					float: left;
					height: 100%;
					margin-right: .2rem;
					&:last-child{
						margin-right: 0;
					}
					i{
						display: block;
						line-height: .2rem;
						font-size: .14rem;
						color: #808080;
						float: left;
					}
					p{
						font-size: .12rem;
						line-height: .2rem;
						color: #808080;
						margin-left: .04rem;
						float: left;
					}
				}
				.btn-act{
					i{
						color: #f78614;
					}
					p{
						color: #f78614;
					}
				}
			}

		}
	}
}
.map{
  width: 100%;
  height: 2rem;
}

//个人中心css start
.headtx_box{
  padding: .1rem;
  .zoom;
  background: #f78614;
  margin-top: .1rem;
  img{
    display: block;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    overflow: hidden;
    margin:auto;
  }
  .name{
    width: 100%;
    height: .2rem;
    line-height: .2rem;
    font-size: .17rem;
    color: #fff;
    text-align: center;
    .gt;
    margin-top: .06rem;
  }
}
.mybtnlist{
  width: 100%;
  .zoom;
  background: #ffffff;
  .list{
    display: block;
    padding: 0 .1rem;
    border-bottom: 0.01rem solid #dcdcdc;
    height: .44rem;
    .yuan{
      width: .28rem;
      height: .28rem;
      border-radius: 100%;
      background: #f78614;
      float: left;
      margin-top: .08rem;
      i{
        display: block;
        font-size: .16rem;
        text-align: center;
        line-height: .28rem;
        color: #fff;
      }
    }
    p{
      float: left;
      line-height: .44rem;
      color: #333333;
      font-size: .14rem;
      margin-left: .08rem;
    }
    .righti{
      display: block;
      float: right;
      line-height: .44rem;
      font-size: .16rem;
      color: #8f8f8f;
    }
  }
}
.data-haed-box{
  padding: 0 .1rem;
  height: .84rem;
  margin: .1rem auto .06rem;
  background: #fff;
  p{
    float: left;
    line-height: .84rem;
    font-size: .14rem;
    color: #333;
  }
  .tx{
    width: .54rem;
    height: .54rem;
    border-radius: 100%;
    overflow: hidden;
    float: right;
    margin-top: .15rem;
    img{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
}
.my-data-list{
  display: block;
  padding: 0 .1rem;
  border-bottom: 0.01rem solid #dcdcdc;
  height: .44rem;
  background: #fff;
  p{
    float: left;
    line-height: .44rem;
    font-size: .14rem;
    color: #333;
  }
  input{
    display: block;
    border: none;
    width: 70%;
    float: right;
    height: 100%;
    text-align: right;
    outline: none;
  }
}
.my-data-sub{
  display: block;
  width: 1.96rem;
  height: .36rem;
  border-radius: .04rem;
  background: #f78614;
  text-align: center;
  line-height: .36rem;
  color: #fff;
  font-size: .14rem;
  margin: .32rem auto;
}

.integral{
  padding: .1rem;
  background: #f78614;
  p{
    font-size: .16rem;
    color: #fff;
    line-height: .3rem;
    em{
      font-weight: bold;
    }
  }
}